.commits{
    height: 100%;
    overflow: auto;
    .commits-filter{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: var(--tiklab-padding-item) 0;
        .commits-filter-left{
            flex: 1;
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        .commits-filter-right{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 20px;
            .input-icon{
                font-size: var(--tiklab-input-icon-15);
            }
        }
    }
    &-msg{
        .commits-msg-item{
            .commits-msg-item-title{
                background: #f7f7f7;
                border-bottom: 1px solid #f0f0f0;
                font-size: 14px;
                padding: 6px var(--tiklab-padding-item);
                font-weight: 500;
                .title-time{
                    padding-right: 5px;
                }
            }
            .commits-msg-item-content{
                .msg-item{
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    padding: 8px var(--tiklab-padding-item);
                    .msg-item-icon{
                        margin-right: var(--tiklab-padding-item);
                    }
                    .msg-item-msg{
                        margin-right: var(--tiklab-padding-item);
                        flex: 1;
                        .msg-item-title{
                            font-weight: var(--tiklab-font-weight-bold);
                            .title-commitMsg:hover{
                                cursor: pointer;
                                text-decoration: underline;
                            }
                        }
                        .msg-item-desc{
                            font-size: 13px;
                            color: var(--tiklab-gray-500);
                            .desc-user{
                                padding-right: 5px;
                            }
                        }
                    }
                    .msg-item-ident{
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        .ident-title,.ident-copy,.ident-folder{
                            background-color: #fafafa;
                            border: 1px solid #e5e5e5;
                        }
                        .ident-title{
                            border-bottom-left-radius: 4px;
                            border-top-left-radius: 4px;
                            padding: 6px 10px;
                            min-width: 80px;
                            font-size: 13px;
                            font-weight: 500;
                        }
                        .ident-copy,.ident-folder{
                            padding: 10px;
                            border-left: none;
                            cursor: pointer;
                        }
                        .ident-folder{
                            border-bottom-right-radius: 4px;
                            border-top-right-radius: 4px;
                        }
                    }
                }
            }
        }
    }
}
